<template>
  <div class="shaixuan">
    <div class="actived">全部</div>
    <div>每日一水</div>
    <div>冒险家·集结</div>
    <div>游戏战绩</div>
    <div>荧四格</div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .shaixuan{
    width: 100%;
    height: .42rem;
    /* background-color: turquoise; */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: scroll;
    border-bottom: 1px solid rgb(235,235,235);
  }
  .shaixuan div{
    flex-shrink: 0;
    background-color: rgb(240,241,245);
    height: .26rem;
    padding: 0 .1rem;
    margin-left: .1rem;
    line-height: .26rem;
    border-radius: .05rem;
  }
  .actived{
    background-color: rgb(222, 241, 253);
    color: rgb(25,163,254);
  }
</style>